$input
  -webkit-appearance none
  outline none
  border none
  padding 0
  margin 0
  height 25px
  &[disabled]
    opacity .7
  &:focus
    outline none

$input-normal
  @extends $input
  padding-left 5px
  height 30px
  border 1px solid #e3e7ef
  border-radius 3px

.root
  padding 20px 40px
  > div + div
    margin-top 30px

.input-one
  display flex
  flex-direction column
  > div
    display flex
    align-items center
  > label, > .label
    margin-bottom 10px
  .progress-metric-type
    font-size 12px
    margin-left 20px
  > input
    width 100%
    @extends $input-normal

.inline-button-input
  height 27px

.label-input-group
  display flex
  align-items center
  margin-left 15px
  flex 1
  > div
    & + div
      margin-left 10px
    display flex
    align-items center
    border 1px solid #E3E7EF
    height 27px
    border-radius 3px
    label
      color #7793b2
      width 50px
      background-color #F3F6F9
      height 100%
      display inline-block
      padding 0 5px
      font-size 12px
      line-height 25px
    input
      @extends $input
      width 60px
      padding-left 5px
      border-radius 3px

.input-two
  display flex
  align-items center
  [data-role="datePicker"]
    transform translateY(-100%)
    margin-top -32px
  [data-role="fieldInputBox"]
    border-color #e3e3e3
    input
      border none
  [data-role="fieldArea"]
    margin-bottom 0
  > label
    min-width 114px
    text-align right
    margin-right 15px
    display inline-block
  input[type="text"]
    width 100%
  .check
    font-size 12px

// 搜索
.input-search
  position relative
  input
    width 100%
    padding-left: 5px
    height: 30px
    border: 1px solid #e3e7ef
    border-radius 3px
    -webkit-appearance none
    outline none
    transition all .3s
    &:focus
      border-color #29e
      box-shadow 0 0 3px #29e
      .search-close
        display block    
  .search-close
    position absolute
    right 0
    top 0
    display none

.priority
  position relative
  &.active
    padding-left 35px
    &::before
      left 24px
  &::before
    content ''
    width 6px
    height 6px
    border-radius 50%
    position absolute
    left 14px
    top 9px

.priority-0
  &::before
    background-color #FF6388
.priority-1
  &::before
    background-color #FE9E49
.priority-2
  &::before
    background-color rgb(52, 144, 237)
.priority-3
  &::before
    background-color #aab4c8

/*
.search-objective-list
  position absolute
  top 100%
  left 0
  width 100%
  padding 10px 0
  background-color #fff
  box-shadow 0px 0px 6px rgba(0, 0, 0, .2)
  z-index 12
  max-height 240px
  overflow-y auto
  li
    padding-left 10px
    height 50px
    width 100%
    transition background-color .2s
    display flex
    justify-content center
    flex-direction column
    cursor pointer
    &:hover
      background-color #e2ebf4
*/

.selected-objective
  display flex
  justify-content space-between
  background-color #f3f3f3
  align-items center
  padding-left 15px
  > span:first-child
    max-width 405px
    overflow hidden
    text-overflow ellipsis
    white-space nowrap
    display inline-block
    line-height 30px


// 选择周期结果
.pre-objective-box
  position absolute
  width 100%
  left 0
  box-shadow 0px 0px 6px rgba(0,0,0,0.2)
  background-color #fff
  z-index 12
  max-height 300px
  overflow-y auto
  padding 10px 0
  word-break break-all
  word-wrap normal
  .pre-objective-item
    width 100%
    line-height 35px
    > p
      padding 3px 15px
      box-sizing border-box
      background-color #ebeaea
      color #000
    > p:hover
      cursor not-allowed
    .pre-keyResult-box
      width 100%
      box-sizing border-box
      > li
        padding 0 30px
        line-height 30px
        &:hover
          background-color #f3f6f9
  .pre-objective-item.can-select
    > p:hover
      cursor default

.list-box
  position absolute
  width 100%
  left 0
  box-shadow 0px 0px 6px rgba(0,0,0,0.2)
  background-color #fff
  z-index 12
  max-height 300px
  overflow-y auto
  padding 10px 0
  word-break break-all
  word-wrap normal
  > li
    padding 0 30px
    line-height 30px
    &:hover
      background-color #f3f6f9